
/* 公用选项按钮样式 */
.option-btn {
  width: 6rem;
  text-align: center;
  font-size: 0.85rem;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  cursor: pointer;
}

/* 删除选项：红色 */
.option-btn.delete-once,
.option-btn.delete-ongoing {
  background-color: #dc3545;
  color: #fff;
  border: 1px solid #dc3545;
}
.option-btn.delete-once:hover,
.option-btn.delete-ongoing:hover {
  background-color: #c82333;
}

/* 修改选项：蓝色 */
.option-btn.modify-once,
.option-btn.modify-ongoing {
  background-color: #0d6efd;
  color: #fff;
  border: 1px solid #0d6efd;
}
.option-btn.modify-once:hover,
.option-btn.modify-ongoing:hover {
  background-color: #0b5ed7;
}

/* 与删除选项一致的样式 */
#modify-options {
  display: none;               /* 默认隐藏 */
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  flex-direction: column;      /* 垂直排列 */
  gap: 0.25rem;
  padding: 0.5rem;
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  z-index: 11;
}

/* 选项按钮 */
.delete-option-btn, .btn-outline-primary {
  width: 4rem;
  text-align: center;
  font-size: 0.85rem;
  padding: 0.25rem 0;
  color: #212529;
  border-radius: 0.25rem;
  cursor: pointer;
  border: 1px solid #0d6efd;
  background-color: #fff;
}
.delete-option-btn:hover, .btn-outline-primary:hover {
  background-color: #f1f3f5;
}
